<template>
  <!--1. 展示why的个人信息-->
  <!--如果当前的属性是一个非props的attribute,那么该属性会默认添加到子组件的根元素上-->
  <show-info name="why" age="18" height="1.88" showMessage="why的个人信息" 
             address="深圳市" class="www" abc="cba"></show-info>
  <!--2. 展示kobe的个人信息-->
  <ShowInfo name="kobe" :age="'20'" :height="1.98" show-message="koeb的个人信息"/>
  <!-- <ShowInfo name="tom" age="30" height="1.98"/> -->
  <!--3. 展示默认个人信息-->
  <ShowInfo name="李四"/>
</template>

<script>
  import ShowInfo from './ShowInfo.vue';
  export default {
    components: {
      ShowInfo
    }
  }
</script>

<style scoped>
</style>